table.diff {
    border-collapse: collapse;
    border: 1px solid darkgray;
    white-space: pre-wrap;
    border-spacing: 0;
    width: 100%
}

table.diff tbody {
    font-family: Courier, monospace
}

table.diff tbody th {
    font-family: verdana, arial, 'Bitstream Vera Sans', helvetica, sans-serif;
    background: #EED;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #BBC;
    color: #886;
    padding: .3em .5em .1em 2em;
    text-align: right;
    vertical-align: top
}

table.diff thead {
    border-bottom: 1px solid #BBC;
    background: #EFEFEF;
    font-family: Verdana
}

table.diff thead th.texttitle {
    text-align: left
}

table.diff tbody td {
    padding: 0px .4em;
    padding-top: .4em;
    vertical-align: top;
    font-family: "Courier New", sans-serif;
    font-size: 13px;
    padding: 5px 5px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: break-all
}

table.diff tbody tr:hover {
    background-color: #e8eff0;
}

table.diff .empty {
    background-color: #DDD;
}

table.diff .replace {
    background-color: #FD8
}

table.diff .delete {
    background-color: #E99;
}

table.diff .skip {
    background-color: #EFEFEF;
    border: 1px solid #AAA;
    border-right: 1px solid #BBC;
}

table.diff .insert {
    background-color: #9E9
}

table.diff th.author {
    text-align: right;
    border-top: 1px solid #BBC;
    background: #EFEFEF
}